<script lang="ts" setup>
import { toRefs } from "vue";
import { useRouter } from 'vue-router'
const router = useRouter()

const props = defineProps<{
    countNum: number
}>()

const { countNum } = toRefs(props)

function doToCommentView() {
    router.push({ name: 'comment' })
}
</script>

<template>
    <div class="flex items-center">
        <img class="w-10 h-10" @click="doToCommentView" src="@/assets/card/bottom_comment.png" alt="comment">
        <div class="text-gray-400 ml-2">{{ countNum }}</div>
    </div>
</template>